<!--货运单详情操作页面-->
<template>
  <div :style ="note" >
    <el-button type="success" @click="see()" style="margin-right: 100px" >
      别点文本框,只可读ok?
    </el-button>
    <div style="margin: 20px;"></div>
    <el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign" class="ell">

      <el-row>
        <el-col :span="12">
      <el-form-item label="接货地点" >
        <el-input v-model="formLabelAlign.address" placeholder="点上面有惊喜" class="noback" readonly>
        </el-input>
      </el-form-item>
        </el-col>
          <el-col :span="12">
      <el-form-item label="运单状态">
        <el-input v-model="formLabelAlign.auditstatus" placeholder="小祖宗快点" readonly></el-input>
      </el-form-item>
        </el-col>
        </el-row>

          <el-row>
          <el-col :span="12">
      <el-form-item label="发生时间">
        <el-input v-model="formLabelAlign.occurtime" placeholder="你点嘛" readonly></el-input>
      </el-form-item>
          </el-col>
            <el-col :span="12">
      <el-form-item label="重量(kg)">
        <el-input v-model="formLabelAlign.weight" placeholder="点上面有惊喜" readonly></el-input>
      </el-form-item>
            </el-col>
            </el-row>

      <el-row>
        <el-col :span="12">
      <el-form-item label="里程(km)" >
        <el-input v-model="formLabelAlign.distance" placeholder="点上面有惊喜" readonly></el-input>
      </el-form-item>
        </el-col>
        <el-col :span="12">
      <el-form-item label="抵运时间" >
        <el-input v-model="formLabelAlign.arrivetime" placeholder="点上面有惊喜" readonly></el-input>
      </el-form-item>
        </el-col>
      </el-row>

<el-row>
        <el-col :span="12" >
      <el-form-item label="货物价值(元)" >
        <el-input v-model="formLabelAlign.freightvalue" placeholder="点上面有惊喜" readonly></el-input>
      </el-form-item>
        </el-col>
      <br>
</el-row>
      <el-row>
          <el-col :span="6">
      <el-form-item label="是否含易碎品" >
        <el-input v-model="formLabelAlign.breakable" readonly></el-input>
      </el-form-item>
        </el-col>
</el-row>


      <div>
        <h5>计价方式省内不含易碎品的重货运输的定价1.5元/千克<br>
          计费标准分省内外，是否为易碎品，是否为重货泡货，y=x/0.1*21(x为元/kg，y为元/m3)</h5>
      </div>

      <el-button type="success" size="mini" plain  >
        <router-link to="/record" >返回首页面</router-link>
      </el-button>
    </el-form>
  </div>
</template>
<script>
export default {
  methods:{
    // set(){
    //   dialogFormVisible = false
    // }
    eq(){
      this.dialogFormVisible = false;
      console.log(1);
    },
  //  查看详情
    see(){
      let id =this.$route.query.id;
      console.log(id)
      // alert("四不四撒")
      // 发送ajax
      this.axios.get("http://localhost:8080/index/"+id).then(res =>{
        console.log(res.data)
        this.formLabelAlign= res.data[0];

      })

    },
  },
  data() {
    return {
      note: {
        backgroundImage: "url(" + require("../image/5.jpg") + ")",
        backgroundRepeat: "no-repeat",
        backgroundSize: "1200px auto",
        marginTop: "-20px",
        marginLeft: "-20px",
      },


      dialogFormVisible: false,
      labelPosition: 'right',
      formLabelAlign: {
        auditstatus:'',
        address:'',
        occurtime:'',
        weight: '',
        distance: '',
        breakable:'',
        arrivetime:'',
        freightvalue:''
      }
    };
  },
  // 初始化列表数据
  created(){
    this.see();
  },
}

</script>

<style lang="scss" >

.ell .el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #ffffff;
  line-height: 40px;
  padding: 0 12px 0 0;
  box-sizing: border-box;

}

</style>